<%@page import="sun.misc.BASE64Decoder"%>
<%@page import="java.net.URLDecoder"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel='stylesheet' type='text/css' href='css/style.css' />
<link rel='stylesheet' type='text/css' href='css/reg.css' />
<title>Đăng nhập - HiRoom!</title>

<script type="text/javascript" src="js/jquery-2.1.1.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		/* $('#form').submit(function() {
			//j_security_check
			$.ajax({
				url : 'j_security_check',
				type : 'post',
				data : $(this).serialize(),
				success : function(data) {
					console.log('result: ' + data);
				}
			});
		}); */
	});
</script>
</head>
<body>

	<h1>Chào mừng bạn đến với HiRoom!</h1>
	<h3>Vui lòng đăng nhập để vào trang chủ hoặc đăng kí nếu chưa có
		tài khoản</h3>

	<c:set var="username" value="${cookie.username.value}" />

	<div id='main'>
		<fieldset>
			<form action="loginservlet" method='post' id='form'>
				<table id='reg_table'>
					<tr>
						<td>Tài khoản:</td>
						<td><input name='j_username' class='text' type='text' size=27
							placeholder='Tên đăng nhập' value="${username}" /></td>
					</tr>
					<tr>
						<td>Mật khẩu:</td>
						<td><input name='j_password' class='text' type='password'
							size=27 placeholder='Nhập mật khẩu' value="${cookie.pass.value}" /></td>
					</tr>
				</table>

				<div id='func'>
					<button type='submit' value='login' class='button'>Đăng
						nhập</button>
					<button type='button' value='register' class='button'
						onclick='window.location="register"'>Đăng ký</button>
				</div>
			</form>

			<c:if test="${!empty err}">
				<img alt="separator" src="images/separator.png">
				<br />
				${err}
			</c:if>
		</fieldset>
	</div>

</body>
</html>